<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="8b27b5a2f42849398d6ad42b98d53166" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_8b27b5a2f42849398d6ad42b98d53166 = echarts.init(
            document.getElementById('8b27b5a2f42849398d6ad42b98d53166'), 'white', {renderer: 'canvas'});
        var option_8b27b5a2f42849398d6ad42b98d53166 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "blue",
        "green",
        "yellow",
        "red",
        "pink",
        "orange",
        "purple"
    ],
    "series": [
        {
            "type": "pie",
            "clockwise": true,
            "data": [
                {
                    "name": "\u3010\u7247\u7247\u3011\u793e\u4f1a\u5927\u5b66\u6559\u4f1a\u4f60\uff0c\u751f\u6d3b\u8fdc\u6bd4\u60f3\u8c61\u6b8b\u9177\uff01\u300a\u4eba\u95f4\u8bfe\u5802\u300b\u4e0b",
                    "value": 2020000
                },
                {
                    "name": "\u3010\u9ad8\u80fd\u3011\u56fd\u670d\u6700\u5f3a\u8521\u5f90\u5764\u6a21\u4eff\u60ca\u73b0\u5927\u5b66\u8bfe\u5802\uff01\uff01",
                    "value": 1264000
                },
                {
                    "name": "\u3010\u516c\u5f00\u8bfe\u3011\u590d\u65e6\u5927\u5b66\uff1a\u8d44\u672c\u8bba \u738b\u5fb7\u5cf0\uff08\u516828\u8bb2\uff09",
                    "value": 1099000
                },
                {
                    "name": "\u3010\u7f57\u7fd4\u8001\u5e08\u76f4\u64ad\u8bfe\u5802\u3011\u5982\u4f55\u63a2\u5bfb\u5927\u5b66\u751f\u6d3b\u7684\u610f\u4e49\uff1f",
                    "value": 1068000
                },
                {
                    "name": "\u3010\u672a\u6765\u6559\u80b2\u30112021\u5e74\u8003\u8bd5\u5fc5\u770b\uff012016\u7248\u8ba1\u7b97\u673a\u4e8c\u7ea7Ms Office\u4e0a\u673a\u9898\u5e93\u89c6\u9891\u89e3\u6790\u5168\u96c6\uff0c\u5168\u7f51\u6700\u65b0\u7684\u8ba1\u7b97\u673a\u771f\u9898\uff01",
                    "value": 950000
                },
                {
                    "name": "\u3010\u7535\u5b50\u3011\u7535\u5de5\u5b66 \u54c8\u5c14\u6ee8\u5de5\u4e1a\u5927\u5b66 \u59dc\u4e09\u52c7\u7b49\u4e3b\u8bb2",
                    "value": 889000
                },
                {
                    "name": "\u6570\u636e\u7ed3\u6784\u4e0e\u7b97\u6cd5\u57fa\u7840\uff08\u9752\u5c9b\u5927\u5b66-\u738b\u5353\uff09",
                    "value": 799000
                },
                {
                    "name": "\u3010\u552f\u7f8e\u56fd\u98ce\u52a8\u753b\u3011\u300a\u6625\u56f0\u300b| \u5973\u5b69\u5728\u8bfe\u5802\u4e0a\u505a\u4e86\u4e00\u4e2a\u68a6\uff0c\u5979\u68a6\u89c1\u4e86\u2026\u2026",
                    "value": 760000
                },
                {
                    "name": "\u82f1\u56fd\u5251\u6865\u5927\u5b66\u6559\u6388\u82f1\u8bed\u53e3\u8bed\u8bed\u901f\u6709\u591a\u5feb\u3002\u3002\u3002\u4ec0\u4e48\u53eb\u771f\u6b63\u7684\u82f1\u8bed\u3002\u3002\u3002\u770b\u4f60\u4eec\u80fd\u542c\u61c2\u591a\u5c11 | \u8bfe\u5802\u5b9e\u5f55 ft.\u6211\u63a5\u5f85\u8001\u6559\u6388",
                    "value": 741000
                },
                {
                    "name": "\u300a\u6750\u6599\u529b\u5b66\u300b4\u5c0f\u65f6\u8bb2\u5b8c/\u4e0d\u6302\u79d1\u3010\u7334\u535a\u58eb\u7231\u8bb2\u8bfe\u3011",
                    "value": 716000
                },
                {
                    "name": "\u5e26\u4f60\u4eec\u6084\u6084\u6f5c\u5165\u5251\u6865\u5927\u5b66\u8bfe\u5802\u3002\u3002\u3002\u770b\u770b\u4e16\u754c\u9876\u5c16de\u5b66\u9738\u805a\u5728\u4e00\u8d77\u4e0a\u8bfe\u662f\u4ec0\u4e48\u6837\u7684 ft. \u98df\u5802\u65e9\u5348\u9910\uff5c\u5f6d\u9171",
                    "value": 657000
                },
                {
                    "name": "\u8bfe\u5802\u4e0a\u653e\u4e86\u4e2a\u5c0f\u7247\uff0c\u73ed\u4e3b\u4efb\u5728\u540e\u9762\u5077\u5077\u770b\u5230\u4e86\uff0c\u6c42\u8001\u5e08\u5fc3\u7406\u9762\u79ef",
                    "value": 649000
                }
            ],
            "radius": [
                "0%",
                "75%"
            ],
            "center": [
                "35%",
                "50%"
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8,
                "formatter": "{b}: {c}"
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u3010\u7247\u7247\u3011\u793e\u4f1a\u5927\u5b66\u6559\u4f1a\u4f60\uff0c\u751f\u6d3b\u8fdc\u6bd4\u60f3\u8c61\u6b8b\u9177\uff01\u300a\u4eba\u95f4\u8bfe\u5802\u300b\u4e0b",
                "\u3010\u9ad8\u80fd\u3011\u56fd\u670d\u6700\u5f3a\u8521\u5f90\u5764\u6a21\u4eff\u60ca\u73b0\u5927\u5b66\u8bfe\u5802\uff01\uff01",
                "\u3010\u516c\u5f00\u8bfe\u3011\u590d\u65e6\u5927\u5b66\uff1a\u8d44\u672c\u8bba \u738b\u5fb7\u5cf0\uff08\u516828\u8bb2\uff09",
                "\u3010\u7f57\u7fd4\u8001\u5e08\u76f4\u64ad\u8bfe\u5802\u3011\u5982\u4f55\u63a2\u5bfb\u5927\u5b66\u751f\u6d3b\u7684\u610f\u4e49\uff1f",
                "\u3010\u672a\u6765\u6559\u80b2\u30112021\u5e74\u8003\u8bd5\u5fc5\u770b\uff012016\u7248\u8ba1\u7b97\u673a\u4e8c\u7ea7Ms Office\u4e0a\u673a\u9898\u5e93\u89c6\u9891\u89e3\u6790\u5168\u96c6\uff0c\u5168\u7f51\u6700\u65b0\u7684\u8ba1\u7b97\u673a\u771f\u9898\uff01",
                "\u3010\u7535\u5b50\u3011\u7535\u5de5\u5b66 \u54c8\u5c14\u6ee8\u5de5\u4e1a\u5927\u5b66 \u59dc\u4e09\u52c7\u7b49\u4e3b\u8bb2",
                "\u6570\u636e\u7ed3\u6784\u4e0e\u7b97\u6cd5\u57fa\u7840\uff08\u9752\u5c9b\u5927\u5b66-\u738b\u5353\uff09",
                "\u3010\u552f\u7f8e\u56fd\u98ce\u52a8\u753b\u3011\u300a\u6625\u56f0\u300b| \u5973\u5b69\u5728\u8bfe\u5802\u4e0a\u505a\u4e86\u4e00\u4e2a\u68a6\uff0c\u5979\u68a6\u89c1\u4e86\u2026\u2026",
                "\u82f1\u56fd\u5251\u6865\u5927\u5b66\u6559\u6388\u82f1\u8bed\u53e3\u8bed\u8bed\u901f\u6709\u591a\u5feb\u3002\u3002\u3002\u4ec0\u4e48\u53eb\u771f\u6b63\u7684\u82f1\u8bed\u3002\u3002\u3002\u770b\u4f60\u4eec\u80fd\u542c\u61c2\u591a\u5c11 | \u8bfe\u5802\u5b9e\u5f55 ft.\u6211\u63a5\u5f85\u8001\u6559\u6388",
                "\u300a\u6750\u6599\u529b\u5b66\u300b4\u5c0f\u65f6\u8bb2\u5b8c/\u4e0d\u6302\u79d1\u3010\u7334\u535a\u58eb\u7231\u8bb2\u8bfe\u3011",
                "\u5e26\u4f60\u4eec\u6084\u6084\u6f5c\u5165\u5251\u6865\u5927\u5b66\u8bfe\u5802\u3002\u3002\u3002\u770b\u770b\u4e16\u754c\u9876\u5c16de\u5b66\u9738\u805a\u5728\u4e00\u8d77\u4e0a\u8bfe\u662f\u4ec0\u4e48\u6837\u7684 ft. \u98df\u5802\u65e9\u5348\u9910\uff5c\u5f6d\u9171",
                "\u8bfe\u5802\u4e0a\u653e\u4e86\u4e2a\u5c0f\u7247\uff0c\u73ed\u4e3b\u4efb\u5728\u540e\u9762\u5077\u5077\u770b\u5230\u4e86\uff0c\u6c42\u8001\u5e08\u5fc3\u7406\u9762\u79ef"
            ],
            "selected": {},
            "type": "scroll",
            "show": true,
            "left": "70%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "\u5927\u5b66\u751f\u5b66\u4e60\u89c6\u9891\u64ad\u653e\u91cf\u6392\u540d",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_8b27b5a2f42849398d6ad42b98d53166.setOption(option_8b27b5a2f42849398d6ad42b98d53166);
    </script>
</body>
</html>
